﻿<div class="books">
    <div class="bookTitle">
        <div class="fall">SELECTED BOOK</div>
        <ol id="book">
            <li viewType="index">
                <a href="/Book/Index" data-bind='text: Name'>&nbsp;</a>
            </li>
        </ol>
      
    </div>
    <div class="chapterSection">
        <div class="chapterTitle">
            Total <span data-bind='text: Chapters().length'>&nbsp;</span> Chapters(s)
        </div>
        <ol id="chapter" data-bind='foreach: Chapters'>
            <li viewType="chapter">
                <a data-bind='attr: { innerHTML: Name }'>&nbsp;</a>
            </li>
        </ol>
    </div>
</div>
<script>
    $(function () {
        //$("#book").accordion();
        $("#book li").draggable({
            appendTo: "body",
            helper: "clone"
        });
        //$("#chapter").accordion();
        $("#chapter li").draggable({
            appendTo: "body",
            helper: "clone"
        });
    });
  </script>